<template>
  <div class="goods">
    <p>商品名称：{{pname}}</p>
    <p>商品价格：{{price}}</p>
    <p>商品介绍：{{info}}</p>
    <button @click="$emit('kanyidao',id)">砍一刀</button>
  </div>
</template>

<script>
export default {
  props:{
    id:{
    required:true,
    type:Number
  },
  pname:{
    default:'方便面'
  },
  price:Number,
  info:{
    default:'非常好吃'
  }
  }
  
}
</script>

<style>
  .goods {
    padding: 10px;
    margin: 8px;
    border: solid 3px black;
    min-height: 50px;
  }
</style>